﻿@charset "utf-8";
@font-face{
	font-family:"Roboto";
	src:url(../fonts/Roboto.eot);src:local("Roboto"),
	url(../fonts/Roboto.ttf) format("truetype"),
	url(../fonts/Roboto.woff) format("woff"),
	url(../fonts/Roboto.svg) format("svg")
}
.testNew{margin-left:110px;position:relative}
.testNewNon{position:relative;display:block}
.testNew h2, .testNewNon h2{font-size:12px;margin:0px}
.debug{position:fixed;background:red;color:#fff;z-index:9999}
body{font-size:12px;color:#333;background:#fff; font-family:Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-size:16px}
form{margin:0}
a{color:#333;cursor:pointer;text-decoration:none}
a, a:focus{outline:none; text-decoration:none}
a:hover{text-decoration:none;color:#cc0000}
ul, ol{margin:0px;padding:0px}
ul li, ol li{list-style:none;}
.button{background:#333;color:#fff;padding:6px 15px; border:none}
.button:focus{color:#fff;background:#fe0003;}
.button:hover{background:#fe0003;color:#fff;padding:6px 15px}
.textbox, .textarea{padding:7px;border:1px solid #ddd;background:#fff;outline:none;resize:none}
input, textarea{outline:none}
/* divTop */
.divTop{position:relative;background:url(../images/bgTop.jpg) repeat left top; color:#fff;font-size:11px;;padding:8px 0px; line-height:20px}
.divTop .divfilterTop{ background:url(../images/filterTop.png) no-repeat left top; position:absolute; left:0px; top:0px;width:50%; height:100%}
.divTop .menuTop{float:left;position:relative}
.divTop .menuTop li{display:inline;padding-right:10px}
.divTop .menuTop li a{color:#f6f5f5}
.divTop .divTopR{float:right}
.divTop .divTopR li{display:inline;padding-left:10px;}
.divTop .divTopR li.first{padding-left:0px}
.divTop .divTopR li > a{color:#f6f5f5}
.divTop .divTopR li > a:hover{color:#ccc}
.divTop .divTopR li > a > span{color:#aa4a02;padding-right:5px}

/* headMiddle */
.headMiddle{position:relative;display:block;background:#fff;width:100%}
.headMiddle .divheadMiddle{padding:15px 0px;position:relative}
.divheadMiddle .logo{width:136px;float:left}
.icShare{ position:absolute; top:10px; right:0px}
.icG, .icIn, .icYt, .icSk, .icYh, .icFb, .icG:hover, .icIn:hover, .icYt:hover, .icSk:hover, .icYh:hover, .icFb:hover{background:url(../images/icShare.png) no-repeat;width:30px;height:30px;float:left}
.icG{background-position:left -33px}
.icIn{background-position:left 0px}
.icYt{background-position:left -66px}
.icYh{background-position:left -189px}
.icSk{background-position:left -215px}
.icFb{background-position:left -307px}
.icG:hover{background-position:left -129px}
.icIn:hover{background-position:left -96px}
.icYt:hover{background-position:left -162px}
.icYh:hover{background-position:left -241px}
.icSk:hover{background-position:left -274px}
.icFb:hover{background-position:left -341px}

/* MENU */
#menuNav{padding:0px; margin:0px;}
#menuNav li{float:left;text-transform:uppercase;padding:10px 0px;margin:0px;font-size:14px; z-index:9; position:relative;}
#menuNav li a{color:#333;padding:10px}
#menuNav li.current:hover, #menuNav li.current {color:#fe0003;}
#menuNav li.current a{color:#fe0003;font-weight:500}
#menuNav li a:hover{color:#fe0003;}
#menuNav li.back {background:url(../images/arowNav.png) no-repeat bottom center;height:42px;z-index:8;position: absolute}
#menuNav li.back a{color:#333}
#menuNav li.back .left {}
.divNav{float:left;position:relative;margin-left:15px;padding-top:25px}
.divMenuInner{position:relative;border:none;background:#fff;}
 
/* NAV FOR MOBILE */
.navbar{margin:0px !important;z-index: 100;margin:0border:1px solid rgba(33,33,33,.1); border:none}
.navbar-toggle{padding:4px;margin:6px 5px 2px 5px;border-color:rgba(33,33,33,.1) !important}
.navbar-default { background:none}
.navbar-default .navbar-brand{color:#fff}
.navbar-default .navbar-toggle{ background:#333}
.navbar-default .navbar-toggle .icon-bar{background:#fff}
.navbar-toggle:hover,.navbar-toggle:focus{background:#111 !important}
.navbar-brand{padding:8px 5px 8px 5px;color:@menutextcolor !important; font-size:17px; }
.navbar-collapse{box-shadow:none;border-top:none !important;padding:0px}
.navbar-header{margin:0 !important;background:#333;}
ul.nav-accordion{width:100%; background:#ccc; border-top:1px solid rgba(33, 33, 33, 0.1) !important}
ul.nav-accordion{list-style:none;margin:0 0 10px;padding:0}
ul.nav-accordion li{position:relative;padding:0!important}
ul.nav-accordion li a{border-bottom:1px solid rgba(33,33,33,.1);display:block;font-size:110%;font-weight:400;line-height:41px;text-decoration:none;text-align:left;color:@submenulinkcolor;padding:0 0 0 15px}
ul.nav-accordion li a:hover{color:#FCA200}
ul.nav-accordion ul{display:none;margin:0;padding:0}
ul.nav-accordion ul li{clear:both;margin:0;padding:0}
ul.nav-accordion ul li a{padding-left:30px;outline:0}
ul.nav-accordion ul li.active{font-weight:700}
ul.nav-accordion ul ul li a{padding-left:50px}
ul.nav-accordion ul ul ul li a{padding-left:70px}
ul.nav-accordion ul ul li a:hover{background-color:none}
ul.nav-accordion span{cursor:pointer;display:block;height:32px;position:absolute;right:1px;text-indent:-9999px;top:6px;width:38px;z-index:109;background:url(../images/up.png) no-repeat scroll 12px 3px transparent}
ul.nav-accordion li span.expand{background:url(../images/up.png) no-repeat scroll 12px 3px transparent;cursor:pointer;display:block;height:32px;position:absolute;right:1px;text-indent:-9999px;top:6px;width:38px;z-index:109}
ul.nav-accordion li span.collapse{background:url(../images/down.png) no-repeat scroll 12px 3px transparent;cursor:pointer;display:block;height:32px;position:absolute;right:1px;text-indent:-9999px;top:6px;width:38px;z-index:109}
ul.detail-parent{margin:0;padding:0 0 0 17px}

#dp_swf_engine{ display:none}

/* SLIDER */
.sliderWrap{position:relative;width:100%;}
.sliderWrap .container{max-width:100%;padding:0px}
/* Home content */
.wrapContentHome{background:url(../images/bgContent.png) repeat;position:relative}
.divContentHome{padding:10px 16px;position:relative;background:#fff}
.autosizeSer{width:33.333%;float:left;padding:6px 8px}
.autosizeSer .itemSer{padding:25px 15px 10px;min-height:140px;position:relative;overflow:hidden}
.icItemSer1, .icItemSer2, .icItemSer3, .icItemSer4, .icItemSer5, .icItemSer6{width:80px;height:80px;float:left; position:relative; z-index:4}
.icItemSer11, .icItemSer22, .icItemSer33, .icItemSer44, .icItemSer55, .icItemSer66{width:80px;height:80px;float:left; position:relative; z-index:4; background:url(../images/icService.png) no-repeat}
.icItemSer1{ background:url(../images/icFullR.png) no-repeat left top;}
.icItemSer2{ background:url(../images/icFullR1.png) no-repeat left top;}
.icItemSer3{ background:url(../images/icFullR2.png) no-repeat left top;}
.icItemSer4{ background:url(../images/icFullR3.png) no-repeat left top;}
.icItemSer5{ background:url(../images/icFullR4.png) no-repeat left top;}
.icItemSer6{ background:url(../images/icFullR5.png) no-repeat left top;}
.icItemSer11{background-position:-6px 0px}
.icItemSer22{background-position:-4px -106px}
.icItemSer33{background-position:-121px -101px}
.icItemSer44{background-position:-126px -2px}
.icItemSer55{background-position:-240px -5px}
.icItemSer66{background-position:-238px -111px}
.itemSerTest, .itemSerTest1{margin-left:90px;position:relative; z-index:4}
.itemSerTest .titleser{font-size:18px;margin:0px;color:#fff;font-weight:normal;font-family:Roboto;}
.itemSerTest .titleser a{color:#fff;}
.itemSerTest .titleser a:hover{text-decoration:underline;}
.itemSerTest p{font-size:13px;color:#fff;margin:5px 0px 0px;line-height:18px}
.itemSerTest1 .titleser{font-size:18px;margin:0px;color:#333;font-weight:normal;font-family:Roboto;}
.itemSerTest1 .titleser a{color:#333;}
.itemSerTest1 .titleser a:hover{text-decoration:underline;}
.itemSerTest1 p{font-size:13px;color:#333;margin:5px 0px 0px;line-height:18px}
.bgColor1{background:#009f00}
.bgColor2{background:#3e17b8}
.bgColor3{background:#a300aa}
.bgColor4{background:#2c87ef}
.bgColor5{background:#af193f}
.bgColor6{background:#da542d}
.mask{ position:absolute; left:-100%; width:100%; height:100%; background:#000;top:0px; opacity:0.3; z-index:2}
.itemSer:hover .mask{left:0;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}

/* Accordion */
.wrapAccordion{width:33.333%;float:left;padding:6px 8px}
.wrapAccordion > h3{ font-size:24px; font-weight:400; font-family:Roboto; margin:20px 0px 10px;padding-left:6px}
.divAccordion{}
.testAccor{background:#f8f8f8;border:1px solid #f2f2f2; width:100%;padding:10px 15px;margin-top:-1px}
.accorTitle{border:1px solid #f2f2f2;background:#f8f8f8 url(../images/icCollap.png) no-repeat right 0px;margin:0px;font-size:15px;padding:9px 40px 9px 15px; margin-top:-1px;cursor:pointer}
.accorTitle.active{background:#f8f8f8 url(../images/icCollap.png) no-repeat right -54px !important;color:#d10003}
.accorTitle:hover{color:#d10003}
.testAccor .view{color:#d10003;font-size:11px}
/* Tab */
.wrapdivTap{width:66.666%;float:left;padding:6px 8px; font-family:Roboto}
.waperTab{ margin-top:0px; width:100%; clear:both; display:inline-block}
.myTabs{margin-top:12px;clear:both}
.myTabs > ul{margin:0;padding:0;list-style:none;height:32px;padding-left:0px}
.myTabs > ul > li{position:relative;float:left}
.myTabs > ul > li a{line-height:1;text-decoration:none;display:block;padding:10px 13px 9px;color:#828181;background:#fff;font-size:16px; font-weight:normal}
.myTabs > ul > li.active2 a{border:1px solid #b4bac0;padding:9px 12px 10px; color:#000}
.myTabs .myTabCont{padding:5px 0 0}
.myTabs .myTabInner{position:absolute;bottom:0;left:-9999999px; padding:10px 0px}

.wrapdivTap .imgOv{width:35%;float:left;overflow:hidden}
.wrapdivTap .imgOv img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
.wrapdivTap .imgOv:hover > img{-webkit-transition: scale(1.1, 1.1); -moz-transition: scale(1.1, 1.1);-ms-transition: scale(1.1, 1.1); -o-transition: scale(1.1, 1.1);transform:scale(1.1, 1.1)}
.wrapdivTap  .testOv{position:relative; min-height:200px; margin-left:36%}
.wrapdivTap  .testOv h6{margin:0px 0px 15px; font-size:18px;font-family:Roboto; font-weight:500}
.wrapdivTap  .testOv h6 a{color:#666;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.wrapdivTap  .testOv h6 a:hover{color:#d10003;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.wrapdivTap  .testOv p{font-family:Roboto;color:#333; line-height:18px; font-weight:normal}
.wrapdivTap  .testOv .btnButton{position:absolute;bottom:10px;left:0px;}

/*DIV FOOTER*/
.footer{ position:relative; background:#233445;color:#A1A7AD; border-bottom:1px solid #202933; padding:15px 0px;font-family:Roboto;}
.footer a{ color:#A1A7AD}
.footer a:hover{color:#3c5976}
.footer .footer-middle{ position:relative; margin-top:10px;}
.footer .warperFooter{ padding:0px 20px;padding-bottom:15px; background:url(../images/contact_bg.png) no-repeat left 20px}
.footer .footer-middle .warperFooter .colFM1{ width:25%; float:left}
.footer .footer-middle .warperFooter .colFM2{ width:25%; float:left; padding-left:15px}
.footer .footer-middle .warperFooter .colFM3{ width:25%; float:left; padding-left:15px}
.footer .footer-middle .warperFooter .colFM1 p, .footer .footer-middle .warperFooter .colFM2 p, .footer .footer-middle .warperFooter .colFM3 p{ font-size:20px; padding-bottom:5px; margin-bottom:10px; color:#fff}
.footer .footer-middle .warperFooter ul.listft{ margin:15px 0px 0px 2px; padding:0px}
.footer .footer-middle .warperFooter ul.listft li{ display:block; margin-top:10px; width:100%; background:url(../images/icCopany.png) no-repeat left 0px; padding:2px 0px 5px 25px;}
.footer .footer-middle .warperFooter ul.listft li:hover{background:url(../images/icCopanyH.png) no-repeat left 0px;}
.footer .footer-middle .warperFooter ul.listft li:hover a{color:#3c5976}
.footer .footer-middle .warperFooter ul.listOnline{ display:block; margin-top:15px; padding:0px}
.footer .footer-middle .warperFooter ul.listOnline .testCus{width:130px; float:left}
.footer .footer-middle .warperFooter ul.listOnline .imgOnline{ float:left}
.footer .footer-middle .warperFooter ul.listOnline li{ display: block; margin:8px 0px}
.footer .footer-middle .warperFooter ul.listOnline li img{ margin-right:15px}
.footer .footer-middle .warperFooter .adress{ display:block; margin-top:15px; line-height:20px;}
.footerbottom{ position:relative; border-top:1px solid #2d3f52; background:#233445; color:#ccc; line-height:36px; overflow:hidden}
.footerbottom .copyright{ float:left; font-size:11px}
.listImg{margin:0px;padding:3px;}
.listImg li{list-style:none;float:left;width:33.333%;padding:2px;overflow:hidden}
.listImg li img{max-width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.listImg li > div {width:100%; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.listImg li > div img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}
.listImg li > div a:hover > img{-webkit-transition: scale(1.1, 1.1); -moz-transition: scale(1.1, 1.1);-ms-transition: scale(1.1, 1.1); -o-transition: scale(1.1, 1.1);transform:scale(1.1, 1.1)}
.formFoter{ margin:0px; padding:0px;}
.formFoter li{display:block;list-style:none;padding-top:10px;}
.formFoter li input{background:#fff;padding:8px;width:100%; border:1px solid #fff}
.formFoter li input:focus{ border:1px solid #fff;box-shadow:0px 0px 3px #fff;-webkit-box-shadow:0px 0px 3px #fff;-moz-box-shadow:0px 0px 3px #fff}
.btnSend{ display:block; margin-top:15px;}

.footer .icSharef{display:block}
.icGf, .icInf, .icYtf, .icSkf, .icYhf, .icFbf, .icGf:hover, .icInf:hover, .icYtf:hover, .icSkf:hover, .icYhf:hover, .icFbf:hover{background:url(../images/icShare.png) no-repeat;width:30px;height:30px;float:left}
.icGf{background-position:-43px -33px}
.icInf{background-position:-43px 0px}
.icYtf{background-position:-43px -66px}
.icFbf{background-position:-42px -106px}
.icGf:hover{background-position:left -33px}
.icInf:hover{background-position:left 0px}
.icYtf:hover{background-position:left -66px}
.icFbf:hover{background-position:-2px -308px}
/* Eror */
#dp_swf_engine{ display:none}
.bx-wrapper {position: relative;margin: 0 auto 0px;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {left:0px;background: #fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute;bottom:5px;width:100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper:hover .bx-prev{opacity:1}
.bx-wrapper:hover .bx-next{opacity:1}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#666;}
.bx-wrapper .bx-prev{left:0px;background:url(../images/large_left.png) no-repeat 0px 0px;left:0px;opacity:0}
.bx-wrapper .bx-next{right:0px;background:url(../images/large_right.png) no-repeat 0px 0px;right:0px;opacity:0}
.bx-wrapper .bx-prev:hover {background-position: 0px -71px;}
.bx-wrapper .bx-next:hover {background-position: 0px -71px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -35px;outline: 0;width: 50px;height: 70px;text-indent: -9999px;z-index:999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.slideDesc{width:40%;padding:10px;text-align:left;position:absolute;top:50px;left:50%; right:20px}
.bx-wrapper h2{line-height:1;white-space:nowrap;color:#fff;text-transform:uppercase;font-weight:400; font-family:Roboto;font-size:30px;margin:0px 0 4px;padding:0}
.bx-wrapper span{line-height:22px; white-space:nowrap;font-size:16px;color:#fff;margin:20px 0 10px 0;padding:0px 0px 0px 0px; clear:both; display:block; height:100px; overflow:hidden;}
.bx-wrapper p{margin-top:20px;}
.bx-wrapper .btnSlide{background:#2f89c5;padding:10px 20px;font-size:18px;color:#fff;border:1px solid #49a3df;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.bx-wrapper .btnSlide:hover{background:#256793;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}

.imgSh{ width:200px; position:absolute; top:10px; right:80px}

/* GO TO TOP */
#top {display:none;background:url(../images/gototop.png) no-repeat 0px 0px;bottom: 37px;cursor: pointer;height: 51px;position: fixed;right: 10px;text-indent: -99999px;width: 51px;}
#top:hover{ background-position:0px -54px;}

/* PARTNER */
.divPartner > h3{font-size:24px; font-weight:400; font-family:Roboto; margin:20px 0px 10px;padding-left:6px}
.divPartner{position:relative;margin:5px 0px 15px}
.divPartnerInner{position:relative;overflow:hidden;background:#fff;}
.divPartnerInner .ctrls{display:block;width:35px;height:75px;position:absolute}
.divPartnerInner .bx-wrapper .bx-next, .divPartnerInner .bx-wrapper .bx-next:hover{right:-20px;background:url(../images/logonext.png) no-repeat center center; opacity:1;z-index:11}
.divPartnerInner .bx-wrapper .bx-default-pager{display:none}
.divPartnerInner .bx-wrapper .bx-prev, .divPartnerInner .bx-wrapper .bx-prev:hover{left:-20px;background:url(../images/logoprev.png) no-repeat center center ;z-index:11; opacity:1}
.divPartnerInner ul {display:block; margin-top:10px;}
.divPartnerInner ul li {width:auto;display:block;float:left;margin:0px}
.divPartnerInner ul li a{opacity:0.7;filter:alpha(opacity=70)}
.divPartnerInner ul li a:hover{opacity:1;filter:alpha(opacity=100)}
.divPartnerInner .bx-wrapper .bx-controls-direction a{margin:0px;height:20px; width:20px}

/* BLOG */
.wrapfilter1{}
.wrapfilterbgBlog{position:relative;background:url(../images/bg1.jpg) repeat-x left top;height:130px;color:#fff}
.wrapfilterbgBlog .container .bgBlog{}
.h1title{font-size:25px;color:#fff;margin:10px 0px;font-family:Roboto}
.divfilterL{width:38%;float:left;}
.divfilterR{ width:500px;float:right;padding:35px 10px 0px 0px}
.divfilterR p{ padding-left:15px}
.formSub{position:relative}
.formSub .testBoxsub{float:right;width:41%;height:30px;padding:5px 15px;background:fff; border:none; margin-left:8px}
.formSub .buttonSub{height:30px;padding:5px 8px;float:right;color:#fff;background:#fe0407; border:none; margin-left:8px}
.wrapBlogContent{background:#fff;position:relative; margin-top:15px}
.blogContentL{width:70%;float:left;padding-right:15px}
.blogContentR{width:30%;float:left}
.blogContentL .col1{position:relative}
.blogContentL .col1 > h4{font-size:20px; font-family:Roboto;margin:0px 0px 10px 0px;font-weight:400}
.namedate{color:#000}
.testBlog{ font-size:12px;line-height:22px;}
.social{ display:block;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:5px 0px;margin:30px 0px 20px}
.social a{font-weight:bold;padding-left:5px; line-height:22px}
.divSocial{float:right}
.prev-next {font-weight:bold;line-height:30px;}
.prev-next ul{padding:0px}
.prev-next ul li {float: left;list-style:none outside none;padding-right:10px;}
.prev-next ul li a{color:#999}
.prev-next ul li a.active{color:#333}

.listCate .bx-wrapper{max-width:100% !important}
.listCate .bx-wrapper .bx-next, .listCate .bx-wrapper .bx-next:hover{right:0px;background:#e2dfdf url(../images/down.png) no-repeat center center; opacity:1;z-index:11}
.listCate .bx-wrapper .bx-default-pager{display:none}
.listCate .bx-wrapper .bx-prev, .listCate .bx-wrapper .bx-prev:hover{right:30px;left:auto;background:#e2dfdf url(../images/up.png) no-repeat center center ;z-index:11; opacity:1}
.listCate .bx-wrapper .bx-controls-direction a{top:5px;width:25px;height:20px}
.blogContentR .h1Sibar{border-top:3px solid #333;font-size:16px;padding:15px 8px 5px 8px;margin:0px;font-weight:bold}
.blogContentR .listBlog{margin:0px 0px 15px;padding:0px}
.blogContentR .listBlog li{display:block;list-style:none;padding:8px;border-bottom:1px solid #ccc; width:100% !important}
.listBlog li.last{border:none}
.blogContentR .listBlog li.slides{margin-bottom:0px !important; padding:10px 8px !important}
.imgBlog{width:100px;float:left; position:relative}
.imgBlog .maskN{position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;opacity:.1;filter:alpha(opacity=5)}
.imgBlog a:hover .maskN{background:#000;opacity:.3;filter:alpha(opacity=30);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.imgBlog img{max-width:100%;}
.testNew{margin-left:110px;position:relative}
.testNew h2{font-size:12px;margin:0px}
.testBlog p{margin:0px}
.colortest1{color:#33CC00}
.colortest2{color:#F37121}
.colortest3{color:#FF3399}
.colortest4{color:#0099CC}
.colortest5{color:#F37121}

.wrapMonth{display:block}
.listMonth{display:block; margin-bottom:15px}
.listMonth .titleM{font-size:16px;margin:5px 0px 0px;border-top:1px solid #ccc;padding:5px 20px 0px 15px; display:block; cursor:pointer}
.listMonth .titleM.colorac{color:#cc0000}
.month{padding:0px 15px;margin:0px;width:100%;background:#fff}
.month li{float:left; width:33.333%; position:relative;padding:5px 0px 0px}

.divComment{position:relative}
.h2comment {border-bottom: 1px solid #333333;font-style: italic;font-weight: bold;margin:15px 0px 0px;padding-bottom: 7px;width: 100%;}
.h1comment{float: left;font-size: 18px;font-weight: bold;line-height: 18px;margin:7px 0px 0px;}
.h1comment span{background: url("../images/dot.png") no-repeat scroll left center; color: #B3B1B2;font-size: 18px;font-weight: bold; line-height: 18px; margin-left: 10px;margin-top: 7px;padding-left: 14px;}
.people{ width:100%; display:block;margin-top:30px}
.people img{ width:39px; height:36px; float:left}
.people-input{ margin-left:50px; position:relative}
.people-input .textbox{box-shadow:0px 1px 3px #ccc inset;-webkit-box-shadow:0px 1px 3px #ccc inset;-moz-box-shadow:0px 1px 3px #ccc inset; width:100%;padding:9px 7px; border:1px solid #ddd}
.people-input ul li { list-style:none}
.visalus{ line-height:18px; width:100%; clear:both; font-size:12px; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:15px}
.visalus img { float:left;width:39px;}
.visalusR {margin-left:50px;position:relative;}
.visalusR .name{display:block;font-weight:bold;margin:0px 0px 5px}
.visalusR .name span.date{font-weight:normal;padding-left:10px}
.visalusR p.des{color:#333;margin:0px 0px 5px}
.visalusR > ul{list-style-type:disc}
.visalusR > ul li{display:inline;padding:0px 10px; border-right:1px dotted #d4d4d4}

.listCate{display:block;margin-bottom:10px}
.listCate > h2{font-size:18px;margin:0px 0px 10px}
.listCate ul{display:block;margin:5px 0px}
.listCate ul li{display:block;padding:9px 10px; border-bottom:1px solid #dbdbdb}
.listCate ul li.last{border:none}
.listCate ul li a{color:#333}
.listCate ul li a:hover{color:#cc0000}
/* Form Validation */
.required{background:url(../images/validation_advice_bg.gif) no-repeat left top;margin:5px 0px 0px;padding-left:15px;color:#d71424;font-weight:bold;float:left;font-size:11px}
.validation-failed{background:#FAEBE7 !important;border:1px dashed #CC3333 !important}

/* contact */
.wrapfilterbgContact{position:relative;background:url(../images/bg2.jpg) repeat-x left top;height:130px;color:#fff}
.wrapfilterbgContact .divfilterL{width:50%;float:left;}
.wrapfilterbgContact .divfilterR{ width:500px;float:right;padding:35px 10px 0px 0px}
.wrapfilterbgContact .divfilterR{ padding-top:60px}
.divfilterL h2{font-size:16px;color:#fff;margin:0px; font-weight:normal}
.wrapfilterbgContact .formSub .testBoxsub{width:60%}
.wrapfilterbgContact .formSub .buttonSub{margin-left:0px}
.wrapContact{position:relative;margin:15px 0px}
.titleContact{font-size:25px;margin:5px 0px; font-weight:400}
.wrapContact .divContactL, .wrapContact .divContactR{width:50%;float:left;}
.wrapContact .divContactR{padding-left:20px}
.divContactL .testContact{line-height:20px;margin-top:10px}
.divContactL .divAdressC{}
.divAdressC {display:block;padding:0px;margin:10px 0px}
.divAdressC li{display:block;padding:7px 0px 7px 28px;background:url(../images/allicon.png) no-repeat}
.divAdressC li.icAdress{background-position:-171px -102px}
.divAdressC li.icPhone{background-position:-171px 4px;font-weight:bold}
.divAdressC li.icEmail{background-position:-171px -33px}
.divAdressC li.icInter{background-position:-170px -67px}
.formContact{position:relative;margin-bottom:20px}
.formContact > ul{margin:0px;padding:0px;display:block}
.formContact > ul li{display:block;padding:5px 0px;list-style:none}
.formContact > ul li label{display:block; font-weight:normal}
.formContact > ul li .testboxC{display:block}
.formContact > ul li .testboxC input, .formContact > ul li .testboxC textarea{background:#f8f8f8;border:1px solid #ebebeb;width:100%;padding:8px}
.formContact > ul li .testboxC input:focus, .formContact > ul li .testboxC textarea:focus{border:1px solid #ccc}
.formContact > ul li .testboxC textarea{height:100px}
.formContact .button{margin-top:15px}

/* ABOUT */
.wrapfilterbgAbout{position:relative;background:url(../images/bg3.jpg) repeat-x left top;height:130px;color:#fff}
.wrapfilterbgAbout .divfilterL{width:80%;float:none;}
.wrapAbout{max-width:80%;margin:0px auto}
.wrapAbout > h4{ background:url(../images/allicon.png) no-repeat -160px -160px;font-size:25px;margin:0px 0px 30px;font-weight:400; padding:10px 0px 20px 45px}
.wrapAbout .autoSize{width:25%;float:left;padding:5px 20px}
.wrapAbout .autoSize .itemOur{position:relative}
.wrapAbout .autoSize .itemOur .imgOur{width:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;position:relative;overflow:hidden}
.wrapAbout .autoSize .itemOur .imgOur:hover{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.wrapAbout .autoSize .itemOur .imgOur:before{box-shadow:0 0 100px 50px #FFF;content:"";display:block;height:0;left: -20%;position:absolute;top:120%;transition:all 0.5s ease-in 0s;width:0}
.wrapAbout .autoSize .itemOur .imgOur:hover:before{box-shadow:0 0 100px 50px #FFF;left:120%;top: -20%}
.wrapAbout .autoSize .itemOur .imgOur img{max-width:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.autoSize .itemOur .name{margin:20px 0px 15px 0px;}
.autoSize .itemOur .job{color:#999;font-style:italic;margin:0px}
.socialOur{margin:15px -2px}
.autoSize .itemOur .soFb, .autoSize .itemOur .soYT, .autoSize .itemOur .soG {width:35px; height:35px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#4a515c url(../images/icShare.png) no-repeat;border-bottom:3px solid #3a3f48;float:left;margin:2px}
.autoSize .itemOur .soFb:hover, .autoSize .itemOur .soYT:hover, .autoSize .itemOur .soG:hover{background:#333 url(../images/icShare.png) no-repeat;border-bottom:3px solid #3a3f48;}
.autoSize .itemOur .soFb, .autoSize .itemOur .soFb:hover{ background-position:-37px -105px}
.autoSize .itemOur .soYT, .autoSize .itemOur .soYT:hover{ background-position:-37px -30px}
.autoSize .itemOur .soG, .autoSize .itemOur .soG:hover{ background-position:-37px -64px}

.h2about{font-size:25px;margin:15px 0px 10px;font-weight:400; padding:10px 0px}
.testAbout{margin:10px 0px; line-height:22px;}
.h3about{font-size:25px;margin:25px 0px 0px;font-weight:400; padding:10px 0px;color:#666}
.testAdress{color:#666; line-height:25px; margin:0px 0px 20px}

/* SERVICE */
.wrapService{position:relative;}
.wrapService .titleServ{font-size:18px;color:#898787;display:block;}
.wrapService .testServ{ line-height:18px;}
.wrapService .autosizeSer .itemSer{padding:10px 10px 0px;min-height:0}
.wrapService .autosizeSer .itemSer .bgColor1{background:#009f00 !important}
.wrapService .autosizeSer .itemSer .bgColor1{background:#009f00 !important}
.wrapService .autosizeSer .itemSer .bgColor2{background:#3e17b8 !important}
.wrapService .autosizeSer .itemSer .bgColor3{background:#a300aa !important}
.wrapService .autosizeSer .itemSer .bgColor4{background:#2c87ef !important}
.wrapService .autosizeSer .itemSer .bgColor5{background:#af193f !important}
.wrapService .autosizeSer .itemSer .bgColor6{background:#da542d !important}
.wrapService .autosizeSer .itemSer .mask{left:-100%; top:0px; opacity:1; z-index:2}
.wrapService .autosizeSer .itemSer:hover .mask{left:0;}
.wrapService .autosizeSer .itemSer:hover .itemSerTest1 p, .wrapService .autosizeSer .itemSer:hover .itemSerTest1 .titleser a{color:#fff;}
.wrapService .autosizeSer .itemSer:hover .icItemSer11{background-position:-201px -239px}
.wrapService .autosizeSer .itemSer:hover .icItemSer22{background-position:-205px -335px}
.wrapService .autosizeSer .itemSer:hover .icItemSer33{background-position:-109px -216px}
.wrapService .autosizeSer .itemSer:hover .icItemSer44{background-position:-108px -325px}
.wrapService .autosizeSer .itemSer:hover .icItemSer55{background-position:0px -330px}
.wrapService .autosizeSer .itemSer:hover .icItemSer66{background-position:0px -225px}
.wrapService .spec{border-bottom:1px solid #e0e0e0;margin:20px 0px 0px;font-size:18px;font-weight:400;display:block;padding-bottom:7px}
.wrapService .spec span{border-bottom:3px solid #232323;color:#232323;padding-bottom:5px}
.wrapService .divSpec{display:block;padding:5px;margin:10px 0px 20px}
.wrapService .divSpec li{width:50%;float:left;padding:5px}
.icEasy, .icGood, .icPh, .icS{width:60px;float:left;background:url(../images/icService.png) no-repeat;height:50px}
.icEasy{background-position:-345px -5px}
.icGood{background-position:-345px -66px}
.icPh{background-position:-345px -240px}
.icS{background-position:-345px -115px}
.testSer{position:relative;margin-left:60px;}
.testSer > h4{font-size:12px;margin:0px 0px 5px}

/*consult */
.listForm{padding:0px 10px ;margin:5px 0px}
.listForm li{display:block;padding:5px 0px}
.listForm li label{display:block;font-weight:normal;margin-bottom:3px}
.listForm li .textbox{display:block;width:100%}
.listForm li .textbox:focus, .listForm li .textarea:focus{border:1px solid #cc0000}
.listForm li .textarea{height:80px;display:block;width:100%}
.divSupport{display:block}
.btnSupport{padding:10px;margin-bottom:15px; text-align:right}
.divSupport > ul{padding:10px;margin:0px 0px 10px 0px;}
.divSupport > ul li{display:block;padding:7px 0px; border-bottom:1px dotted #d4d4d4}
.divSupport > ul li .imgSupp{width:45px;float:left}
.divSupport > ul li .testSupp{margin-left:50px;position:relative}
.divSupport > ul li .testSupp > p{margin-bottom:0;}
.divSupport > ul li .testSupp > p.nameS{font-size:14px; color:#cc0000}
.divSupport > ul li .testSupp > p > span{font-weight:bold; margin-right:5px;font-size:13px}
.listCons{padding:0px 0px 10px;margin:0px;display:block}
.listCons li{display:block;padding:10px 0px 15px}
.listCons li .imgCons{width:140px;float:left}
.listCons li .imgCons img{max-width:100%;box-shadow:0px 1px 3px #ccc;-webkit-box-shadow:0px 1px 3px #ccc;-moz-box-shadow:0px 1px 3px #ccc;padding:3px}
.listCons li .imgCons img:hover{box-shadow:0px 1px 3px #a9a7a7;-webkit-box-shadow:0px 1px 3px #a9a7a7;-moz-box-shadow:0px 1px 3px #a9a7a7;}
.listCons li .testCons{position:relative}
.listCons li .testCons p.dateCons{font-weight:bold;color:#666}
.listCons li .testCons p.titleCons{margin-bottom:5px}
.listCons li .testCons p.replyCons{display:block;line-height:18px;color:#666;margin:0px;background:#ededed;padding:8px 20px}
.listCons li .testCons .viewCons{padding-left:10px;color:#cc0000;font-size:11px}
.listCons li .testCons.mar{margin-left:0px;display:block}
/* FORM BLOG */
.wrapForm{position:relative}
.formLogin{width:50%;float:left;padding:0px 15px 40px 0px; min-height:400px; position:relative; margin-bottom:20px}
.titleLogin{font-size:18px;margin:0px 0px 15px}
.formLogin.padd{padding:0px 0px 0px 15px !important;border-left:1px solid #ddd}
.formLogin > ul.formRes{}
ul.formRes li{display:block;padding:5px 0px}
ul.formRes li label{display:block;font-weight:normal}
ul.formRes li .textbox{width:100%;display:block}
ul.formRes li .testboxC{display:block}
ul.formRes li input, ul.formRes li .testboxC textarea{background:#f8f8f8;border:1px solid #ebebeb;width:100%;padding:8px}
ul.formRes li .testboxC input:focus, ul.formRes li .testboxC textarea:focus{border:1px solid #ccc}
.formLogin .button{ position:absolute; bottom:5px; left:0px}
.formLogin .button.lef{ left:15px !important;}
.pass{position:relative !important ;margin-top:20px}

.hello{ position:relative}
.hello:hover .dropHello{display:block}
.dropHello{display:none;position:absolute;right:0px;left:auto;top:90%;width:150px; z-index:150}
.divdropHello{background:#fff;box-shadow:0px 1px 3px #ccc;-webkit-box-shadow:0px 1px 3px #ccc;-moz-box-shadow:0px 1px 3px #ccc;padding:0px;display:block;margin-top:12px}
.dropHello a{width:100%;padding:5px 10px;font-size:13px;color:#333;display:block}
.dropHello a:hover{background:#333;color:#fff}

.createBlog{display:block;padding:0px 0px 4px;margin:5px 0px 10px;color:#cc0000;text-align:right}
.createBlog a{background:#333;color:#fff;padding:8px 10px}
.createBlog a:hover{background:#FE0407}